@charset "utf-8";
/* CSS Document */
div.slideshow {
	
}
img.gymplAnimace {
	width:270px;
	height:270px;
	margin-top:20px;
	margin-left:60%;
	opacity:0;
	position:absolute;
		-webkit-animation: kutaleni 4s ease-in-out ;
  		animation: kutaleni 4s ease-in-out;
		-webkit-transform: translateZ(0); 
}
img.gymplAnimaceBez {
	width:270px;
	height:270px;
	margin-top:20px;
	margin-left:60%;
	opacity:0;
	position:absolute;
		-webkit-animation: kutaleni 4s ease-in-out ;
  		animation: kutaleni 4s ease-in-out;
		-webkit-transform: translateZ(0); 
}
@-webkit-keyframes kutaleni {
  0% {margin-left:60%; transform:rotate(720deg); opacity:0; }
  10% {transform:scale(1.2);opacity:1; }
  20% {transform:scale(1.2);opacity:1; }
  30%  {margin-left:60%; transform:rotate(720deg); opacity:0;}
}
@keyframes kutaleni {
  0% {margin-left:60%; transform:rotate(720deg); opacity:0; }
  10% {transform:scale(1.2);opacity:1; }
  20% {transform:scale(1.2);opacity:1; }
  30%  {margin-left:60%; transform:rotate(720deg); opacity:0;}
}
#slideshow {
	width:1000px;
	height:300px;
	position:relative;
	margin:auto;
	overflow:hidden;
	text-align:center;
}
#fotka {
	width:1000px;
	height:300px;
	position:absolute;
	z-index:1;
	background:url(../img/slideshow/slideshow1.png) no-repeat center;
	background-size:contain;
	-webkit-animation: animace 30s infinite;
  	animation: animace 30s infinite;
	-webkit-transform: translateZ(0); 
}
#fotka2 {
	width:1000px;
	height:300px;
	position:absolute;
	background:url(../img/slideshow/slideshow2.png) no-repeat center;
	background-size:contain;
	-webkit-animation: animace2 30s infinite;
  	animation: animace2 30s infinite;
	-webkit-transform: translateZ(0); 
}
#fotka3 {
	width:1000px;
	height:300px;
	position:absolute;
	background:url(../img/slideshow/slideshow3.png) no-repeat center;
	background-size:contain;
	-webkit-animation: animace3 30s infinite;
  	animation: animace3 30s infinite;
	-webkit-transform: translateZ(0); 
}
#fotka4 {
	width:1000px;
	height:300px;
	position:absolute;
	background:url(../img/slideshow/slideshow4.png) no-repeat center;
	background-size:contain;
	-webkit-animation: animace4 35s infinite;
  	animation: animace4 35s infinite;
	-webkit-transform: translateZ(0); 
}
 
@-webkit-keyframes animace {
  0%   { opacity: 0; }
  25%   { opacity: 1; }
  50%   { opacity: 0; }
  75%   { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes animace {
  0%   { opacity: 0; }
  25%   { opacity: 1; }
  50%   { opacity: 0; }
  75%   { opacity: 0; }
  100%   { opacity: 0; }
}
@-webkit-keyframes animace2 {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%   { opacity: 1; }
  75%   { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes animace2 {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%   { opacity: 1; }
  75%   { opacity: 0; }
  100%   { opacity: 0; }
}
@-webkit-keyframes animace3 {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%   { opacity: 0; }
  75%   { opacity: 1; }
  100%   { opacity: 0; }
}
@keyframes animace3 {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%   { opacity: 0; }
  75%   { opacity: 1; }
  100%   { opacity: 0; }
}
@-webkit-keyframes animace4 {
  0%   { opacity: 0; }
  20%   { opacity: 0; }
  40%   { opacity: 0; }
  60%   { opacity: 0; }
  80%   { opacity: 1; }
  100%   { opacity: 0; }
}
@keyframes animace4 {
  0%   { opacity: 0; }
  20%   { opacity: 0; }
  40%   { opacity: 0; }
  60%   { opacity: 0; }
  80%   { opacity: 1; }
  100%   { opacity: 0; }
}